<template>
  <div>
    用户名: <input v-model.trim="name" type="text" /> <br />
    自我介绍:
    <textarea v-model.lazy="info" name="" id="" cols="30" rows="10"></textarea>
    <br />
    <input v-model="hobby" type="checkbox" value="sing" />唱歌
    <input v-model="hobby" type="checkbox" value="dance" />跳舞
    <input v-model="hobby" type="checkbox" value="rap" />rap <br />
    <input v-model="isAll" type="checkbox" />全选 <br />
    年龄: <input v-model.number="age" type="text" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      name: "",
      info: "",
      hobby: [],
      isAll: 0,
      age: "",
    };
  },
};
</script>

<style>
</style>